<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link type="text/css"
	href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>XX超市管理系统</title>
</head>
<script type="text/javascript">
	
	$(function() {
		$("#tree").tree(
			{
				url : 'tree',	
				onLoadSuccess : function(node, funs) {
					$('#tree').tree('expandAll');
				},
				onClick : function(node) {
					if (node.attributes.furl) {
						if ($('#tab').tabs('exists', node.text)) {
							$('#tab').tabs('select', node.text)
						} else {
							$('#tab').tabs('add', {
								title : node.text,
								content : "<iframe  frameborder='no' width='100%' height='100%' src="+ node.attributes.furl +" ></iframe>",
								closable : true
							});
						}
					}

				}
			})	

		$('#exit').bind('click', function(){ 			
			location.href='exitLogin'
		})
	})
</script>
<body class="easyui-layout">
	<!-- 上部模块 -->
	<div data-options="region:'north'" style="height: 78px;">
		<p style="font-size:20px;color:#6699CC;margin-left:2%">${sessionScope.employee.eName}，欢迎您</p>
			<a id="exit" href="#" class="easyui-linkbutton" 
			style="position: absolute; top: 30%; right: 5%"><font color=#6699CC>退出登陆</font></a>
	</div>
	<!-- 左部模块 -->
	<div data-options="region:'west',title:'功能展示',split:true,collapsible:false"
		style="width: 240px;">
		<ul id="tree"></ul>
	</div>
	<!-- 中部内容模块 -->
	<div data-options="region:'center',title:'具体内容展示'"
		style="padding: 5px; background: #eee;width: 100%;height: 100%">
		<div id="tab" class="easyui-tabs" data-options="fit:true"></div>
	</div>
	 <div data-options="region:'south',title:'',split:true" style="height:60px;">
	 </div>   
 
</body>
</html>